/*
COMMON CSS CLASSes.
*/
.errors
{
    background-color:   #d7dddd;
    padding:            5px;
    color:              red ! important;
    font-size:          11px;
}

.feedback{
    padding:            5px;
}

.ajaxStatus {
    border:     0;
    display: none;
}

.pointer {
    cursor:     pointer;
}

.remove{
    position: relative;
    top: 1px;
    height: 15px;
    width:18px;
    background: url(../../images/remove.png) center no-repeat;
    border: medium none;
    cursor: pointer;
}

.edit {

}

.delete{
    background: url("../../images/minus.png") no-repeat;
    height: 15px;
    width: 15px;
    position: relative;
    top: 3px;
}

.add{
    background: url("../../images/plus.png") no-repeat;
    height: 15px;
    width: 15px;
    position: relative;
    top: 3px;
}

.smallSeparator
{
    border-left:  1px #8D8D8D solid;
    height:       25px;
    width:        1px;
}

.horizontalSeparatorF
{
    border-top: 0px white solid;
    border-bottom:  1px #97b190 solid;
}

.horizontalSeparator
{
    border-top: 1px white solid;
    border-bottom:  1px #97b190 solid;
}

.horizontalSeparatorBottomWhite
{
    border-top:  1px #97b190 solid;
    border-bottom: 1px white solid;
}

.verticalSeparator
{
    border-right: 1px white solid;
    border-left: 1px #97b190 solid;
}

.fontMetaText {
    font-size:              13px;
}

.commentLink{
    padding: 5px 3px 4px 0px;
}

.locationText {
    font-size:              12px;
}

.arrowRight {
    background: no-repeat url("../../images/arrowRight.png");
    padding-left: 8px;
}

.arrowRightBig {
    background: no-repeat url("../../images/arrowRightBig.png");
    padding-left: 10px;
}

.arrowDownBlack{
    background: no-repeat url("../../images/arrowDownBlack.png");
    padding-right: 20px;
    text-align: right;
}

.blackArrowUp{
    background: no-repeat url("../../images/naviArrowUp.png");
    width: 13px;
}

.blackArrowDown{
    background: no-repeat url("../../images/naviArrowDown.png");
    width: 13px;
}

.videoPreview{
    background: url("../../images/ssNextArrow.png") no-repeat;
}

.photoThumbnail{
}

.photoThumbnail img{
}


.blackTriangelTopRight{
    background:  url("../../images/blackTriangle.png") no-repeat;
    width: 12px;
    height:13px;
}

.profileAction{
    padding: 3px 3px 3px 3px;
    max-width: 69px;
    line-height: 11px;
    cursor: pointer;
    height: 25px;
}

.profileActionIcon{
    max-width: 14px;
    margin-top: 5px;
}

.profileActionWrapper{
    margin-right: 4px;
}

.avatarThumbnail{
    background-color: #D3D9D4;
    min-height: 230px;
}

.location{
    background: url("../../images/location.png") no-repeat;
    padding-left: 17px;
}

/* used for media preview */
.arrowLeftBrown{
    background: url("../../images/arrowLeftBrownThumbnail.png") no-repeat;
    width: 7px;
    height: 55px;
}

.arrowRightBrown{
    background: url("../../images/arrowRightBrownThumbnail.png") no-repeat;
    width: 7px;
    height: 55px;
}

.bullet{
    background: url("../../images/arrowRight12x12.png") no-repeat;
    padding-left: 10px;
}

/* END COMMON CSS CLASSes.*/

/* floating */
.displayNone {
    display:                none;
}

.displayBlock {
    display:                block;
}

.floatL {
    float:                  left;
}
.floatR {
    float:                  right;
}

.clear {
    clear:both;
}
/* END floating */

/* text/table orienting */
.verticalTop {
    vertical-align:     top;
}

.verticalBottom {
    vertical-align:     bottom;
}
.verticalMiddle {
    vertical-align:     middle;
}

.textLeft {
    text-align:         left;
}

.textCenter {
    text-align:         center;
}

.textRight {
    text-align:         right;
}
/* END text/table orienting */

/* margin & padding */
.marginStd {
    margin:             10px;
}

.marginLarge {
    margin:             20px;
}

.marginBottomSmall {
    margin-bottom:      5px;
}
.marginBottomSuperSmall {
    margin-bottom:      3px;
}

.marginBottomStd {
    margin-bottom:      10px;
}

.marginBottomLarge {
    margin-bottom:      20px;
}

.marginRightLarge {
    margin-right:       20px;
}

.marginRightStd {
    margin-right:       10px;
}

.marginRightSmall {
    margin-right:       5px;
}

.marginLeftLarge {
    margin-left:        20px;
}

.marginLeftStd {
    margin-left:        10px;
}

.marginLeftSmall {
    margin-left:        5px;
}

.marginTopSmall {
    margin-top:         5px;
}

.marginTopStd {
    margin-top:         10px;
}

.marginTopLarge {
    margin-top:         20px;
}

.paddingSmall {
    padding:            5px;
}

.paddingStd {
    padding:            10px;
}

.paddingStdImportant{
    padding:            10px ! important;
}

.paddingLarge {
    padding:            20px;
}

.paddingBottomStd {
    padding-bottom:     10px;
}

.paddingBottomSmall {
    padding-bottom:     5px;
}

.paddingTopLarge{
    padding-top:        20px;
}

.paddingTopStd {
    padding-top:        10px;
}

.paddingTopSmall {
    padding-top:        5px;
}

.paddingLeftLarge {
    padding-left:        20px;
}

.paddingLeftStd {
    padding-left:        10px;
}

.paddingLeftSmall {
    padding-left:        5px;
}

.paddingRightLarge {
    padding-right:        20px;
}

.paddingRightStd {
    padding-right:        10px;
}

.paddingRightSmall {
    padding-right:        5px;
}

.paddingBottomLarge{
    padding-bottom:       10px;
}
/* END margin & padding */
